<template>
  <div>
    <Slots :msg1="msg1" :list="list">
      <template  slot-scope="data">
        {{data.msg}}
      </template>
      <!-- <template v-slot:module_A > -->
      <template slot-scope="data" slot="module_A" >
         这是一个具名插槽的内容 {{data.msg}}
      </template>
      <template slot="testProp" slot-scope="data">
        {{data.user.last}}
      </template>
      <template v-slot:testProp="slotProps">
        {{slotProps.user.last}}
      </template>
    </Slots>
    <!-- <div ref="box1">
      这是一个ref盒子
    </div> -->
  </div>
</template>

<script>
import Slots from './Slot'
export default {
  components:{
    Slots
  },
  data(){
    return{
       msg1:'99999',
       list:[],
       refsArr:[]
    }
  },
  mounted() {
    setTimeout(() => {
      this.list =[
        {
          name:'111'
        },
        {
          name:'222'
        },
        {
          name:'333'
        },
        {
          name:'444'
        }
      ]
    }, 20);
    
  },
}
</script>

<style>

</style>